<template>
    <div class="page-container">
        <el-tabs v-model="activeName" class="-mt-3">
            <el-tab-pane v-for="(item, index) in $t('stats.platform.settlement.classifyList')"
                         :key="index" :label="item.label" :name="item.value"></el-tab-pane>
        </el-tabs>
        <!--统计【全部】-->
        <stats-all :active-name="activeName" v-show="activeName == 'all'"></stats-all>
        <!--统计【游戏】-->
        <stats-game :active-name="activeName" v-show="activeName == 'game'"></stats-game>
        <!--统计【游戏场景】-->
        <!--<stats-game-scene :active-name="activeName" v-show="activeName == 'game-scene'"></stats-game-scene>-->
        <!--统计【USD】-->
        <stats-usd :active-name="activeName" v-show="activeName == 'usd'"></stats-usd>
    </div>
</template>

<script>
import StatsAll from './all/Index.vue'
import StatsGame from './game/Index.vue'
import StatsGameScene from './game-scene/Index.vue'
import StatsUsd from './usd/Index.vue'

export default {
    components: {
        StatsAll,
        StatsGame,
        StatsGameScene,
        StatsUsd,
    },
    data() {
        return {
            activeName: 'usd',
        }
    },
}
</script>

<style lang="scss">

</style>
